<template>
  <el-dialog
    :title="pageName"
    width="900px"
    class="addPB"
    style="margin-top: -10vh;padding-bottom: 20px !important;height：680px"
    :visible.sync="isDial"
  >
    <el-tabs style="margin-top: -30px; min-height:400px;overflow: hidden;">
      <el-tab-pane label="基本信息">
        <basic></basic>
      </el-tab-pane>
      <el-tab-pane label="户型图"><apartmentPic></apartmentPic></el-tab-pane>
      <el-tab-pane label="视屏图片"><videoPic></videoPic></el-tab-pane>
      <el-tab-pane label="主材清单"><mainList></mainList></el-tab-pane>
      <el-tab-pane label="业主信息"><ownerInfo></ownerInfo></el-tab-pane>
    </el-tabs>
  </el-dialog>
</template>
<script>
import basic from './roomDetailTab/basic.vue' //基本信息
import apartmentPic from './roomDetailTab/apartmentPic.vue' //户型图
import videoPic from './roomDetailTab/videoPic.vue'    //视屏图片
import mainList from './roomDetailTab/mainList.vue'  //主材清单
import ownerInfo from './roomDetailTab/ownerInfo.vue'  //业主信息
export default {
  data() {
    return {
      isDial: false,
      pageName: "左邻右舍公寓4幢1单元105",
      
    };
  },
  created() {
    let that = this;
    this.$root.$on("roomDetail", (data, row) => {
      this.isDial = true;
    });
  },
  components:{
      basic,
      apartmentPic,
      videoPic,
      mainList,
      ownerInfo
  }
};
</script>
<style lang="less" scoped>
.addPB {
  text-align: left;
  .addPB {
    .el-dialog {
      margin-top: 0px !important;
    }
  }
  .el-button {
    float: right;
    margin-right: 60px;
    margin-bottom: 20px;
  }
  .el-dialog__title{
      font-weight: 700 !important;
      color: #000;
  }
  .el-dialog {
    padding-bottom: 40px !important;
  }
  .el-dialog__body {
    padding-top: 0px !important;
    height: 480px !important;
    padding-bottom: 60px !important;
    
  }
}
</style>


